<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/js/jquery-3.6.3.js}"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossOrigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
          crossOrigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
            crossOrigin="anonymous"></script>
</head>
<body>
<div class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1 class="display-4">自如业主</h1>
        <p class="lead">做全世界受人尊重和喜爱的,提供高品质居住体验的科技公司-----ziroom</p>
    </div>
</div>
<div class="container-fluid">
    <div class="row " style="font-size: 40px">
        <div class="col-1"></div>
        <div class="col-10">
            <ul class="nav ">
                <li class="nav-item">
                    <a class="nav-link " href="/ziroom_portal/owner/goToRent">一键出租</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/ziroom_portal/owner/goToIntroduce">自如实力</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/ziroom_portal/owner/goToMyHouse">我的房子</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="/ziroom_portal/owner/goToIncome">收益明细</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="/ziroom_portal/owner/goToOrder">保洁明细</a>
                </li>
            </ul>
        </div>
        <div class="col-1"></div>
    </div>

    <div>
        <form method="post" action="/ziroom_portal/owner/goToPay">
        <div class="card mb-3">
            <img th:src="@{/img/002.png}" class="card-img-top" alt="未来的家">
            <div class="card-body">
                <h5 class="card-title">请完善签约信息</h5>
                <table>
                    <tr>
                        <td style="flood-color: red">请准确填写,将根据下列信息为您生成订单</td>
                    </tr>
                    <tr>
                        <td th:text="'您的签约价格为每月['+${rentHouseVo.getZiroomPrice()}+']元'"></td>
                        <td th:text="'您需要一次性支付装修金额为['+${rentHouseVo.getEngineeringPrice()}+']元'"></td>

                    </tr>

                    <tr>
                        <td>
                            <span  th:if="${rentHouseVo.getRoomtype()}==1"     th:text="您的房屋类型为[一室一厅]"> </span>
                            <span  th:if="${rentHouseVo.getRoomtype()}==1.5"     th:text="您的房屋类型为[一室二厅]"> </span>
                            <span  th:if="${rentHouseVo.getRoomtype()}==2"     th:text="您的房屋类型为[二室一厅]"> </span>
                            <span  th:if="${rentHouseVo.getRoomtype()}==2.5"     th:text="您的房屋类型为[二室二厅]"> </span>

                        </td>


                        <td th:text="'您的小区名字为['+${rentHouseVo.getName()}+']'"></td>
                    </tr>
                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="ownername" class="col-sm-4 col-form-label">签约姓名</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="ownername" id="ownername"
                                           th:value="${owner.getOwnerName()}">
                                </div>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="build" class="col-sm-4 col-form-label">楼栋号</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="build" id="build">
                                </div>
                            </div>
                        </td>

                    </tr>

                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="houserid" class="col-sm-4 col-form-label">房号</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="houserid" id="houserid">
                                </div>
                            </div>
                        </td>

                    </tr>



                    <tr>
                        <td>

                            <div class="form-group row">
                                <label for="phone" class="col-sm-4 col-form-label">签约手机号</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="phone" id="phone"
                                           th:value="${owner.getPhone()}">
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="identity" class="col-sm-4 col-form-label">身份证号码</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="identity" id="identity"
                                           th:value="${owner.identity}">
                                </div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="banknum" class="col-sm-4 col-form-label">银行卡号</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="banknum" id="banknum"
                                           th:value="${owner.bankNum}">
                                </div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <td>
                            <div class="form-group row">
                                <label for="years">签约年限:</label>
                                <select id="years" class="form-control" name="years">
                                    <option value="2">签约二年</option>
                                    <option value="3">签约三年</option>
                                    <option value="4">签约四年</option>
                                    <option value="5">签约五年</option>
                                </select>

                            </div>

                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="submit" class="btn btn-success" >立即签约</button>
                        </td>
                    </tr>

                </table>
            </div>
        </div>
        </form>
    </div>


</div>


<script>


</script>

</body>
</html>